// JavaScript Document


// table切换
$(function(){
		
	var theIndex = 0;
	$('.tab1 li').mouseover(function(){

       theIndex = $(this).index();

    $(this).css({borderTop:"2px solid #C81623",borderLeft:"1px solid #C81623",borderRight:"1px solid #C81623",background:"white"}).siblings().css({border:"none"});

    $('.tab_pic .p_list').eq(theIndex).fadeIn("slow").siblings().stop().fadeOut("slow");

	})



	// tab中的滚动效果
	// var n = 0;

	// function run(){
	// 	n++;
	// 	if(n==5){
	// 		$('.box_play').css({left:"0px"});
	// 		n =1;
	// 	}
	// 	var l = n*-439
	//     $('.box_play').animate({left:l+"px"});
         
 //         if(n ==4){
 //         	$("#ul_cir li").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"})
 //         }else{
 //         	$("#ul_cir li").eq(n).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"})
 //         }
	// }
	// timer = setInterval(run,2000);

	// $(".box_play").hover(function(){
 //        clearInterval(timer);    
 //    },function(){
	//     timer = setInterval(run,2000);
 //    });


 //    $("#ul_cir li").mouseover(function() {
 //    	n = $(this).index();
 //    	var xn = n *-439;
 //    	$('.box_play').animate({left:xn+"px"},500);
 //    	$("#ul_cir li").eq(n).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"})
 //    });


 //    $("#ul_cir li").hover(function(){
 //        clearInterval(timer);
 //    },function(){
	//     timer = setInterval(run,2000);
 //    });

 //    // 左右点击

 //    var m = 0; 
 //    var c = 0;
 //    // 左边
	// $(".click .click_l").click(function(){
	// 	if(c==1){
	// 		return;
	// 	}
	// 	setTimeout(function(){
	// 		c=0;
	// 	},1000);
	// 	c=1;

	// 	m--;

	// 	if(m==-1){
	// 		$(".box_play").css({left:"-1756px"})
	// 		m = 3;
	// 	}
	// 	l1 = m*-439
 //        $(".box_play").animate({left:l1+"px"})
	// });
	// // 右边

	// $(".click .click_r").click(function(){
	// 	if(c==1){
	// 		return;
	// 	}
	// 	setTimeout(function(){
	// 		c=0;
	// 	},1000);
	// 	c=1;
	// 	 m++;
	// 	 if(m==5){
	// 	 	$(".box_play").css({left:"0px"})
	// 	 	m = 1;
	// 	 }
	// 	 r1 = m * -439;
 //        $(".box_play").animate({left:r1+"px"})

	// })



    // 滚筒效果
    var num = 0 ;
    
    // 自动部分
    function run(){
    	num++;
    	if(num==5){
    		$("#roll_all .roll").css({left:"0px"});
    		num = 1;
    	}
    	var ls = num * -339;
    	$("#roll_all .roll").animate({left:ls+"px"});
    	if(num==4){
    		$(".circle_box .circle").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	}else{
    		$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	}
    }
    timer = setInterval(run,2000);


    $("#roll_all").hover(function() {
    	$("#roll_all .click").fadeIn("slow");
    	clearInterval(timer);
    }, function() {
    	$("#roll_all .click").stop().fadeOut("slow");
        timer = setInterval(run,2000);	
    });


    // 小点移入移出

    $(".circle_box .circle").mouseover(function() {
    	num = $(this).index();
    	var ln = num*-339;
    	$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	$("#roll_all .roll").animate({left:ln+"px"});
    });

    // 左右手动切换
        var z = 0;
    $(".click .click_l").click(function(){
        if(z==1){
        	return;
        }
        setTimeout(function(){
        	z=0;
        },2000);
        z =1;
        num++;
        if(num==5){
    		$("#roll_all .roll").css({left:"0px"});
    		num = 1;
    	}
    	var lst = num * -339;
    	$("#roll_all .roll").animate({left:lst+"px"});
    	if(num==4){
    		$(".circle_box .circle").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	}else{
    		$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	}
    })


    var w = 0;
    $(".click .click_r").click(function(){
        if(w==1){
        	return;
        }
        setTimeout(function(){
        	w=0;
        },2000);
        w =1;
        num--;
        if(num==-1){
    		$("#roll_all .roll").css({left:"-1356px"});
    		num = 3;
    	}
    	var lsr = num * -339;
    	$("#roll_all .roll").animate({left:lsr+"px"});
    	if(num==4){
    		$(".circle_box .circle").eq(0).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	}else{
    		$(".circle_box .circle").eq(num).css({background:"#C81623"}).siblings().css({background:"#3E3E3E"});
    	}
    })

























































})